audio, canvas, video { display: inline-block;  *display: inline; *zoom: 1;}
audio:not([controls]) { display: none; }
body {font-size: 12px; max-width: 768px; min-width: 320px; width: 100%; margin: 0 auto;font-family: 'Helvetica Neue',Helvetica,sans-serif;}
li, ul, ol { margin: 0; padding: 0; list-style: none; outline: 0; }
i{font-style: normal;}
svg:not(:root) { overflow: hidden; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; vertical-align: middle; width: 100%;}
a { color: #333; background: transparent; text-decoration: none;-webkit-tap-highlight-color:transparent;}
a:active, a:hover { outline: 0; }
a:active {opacity: .7; background-color: #eee;}
@media screen and (max-width: 359px) {
html,  body,  input { font-size: 12px; }
}
@media screen and (min-width: 360px) {
html,  body,  input { font-size: 16px; }
}
@media screen and (min-width: 400px) {
html,  body,  input { font-size: 17.5px; }
}
@media screen and (min-width: 480px) {
html,  body,  input { font-size: 21px; }
}
@media screen and (min-width: 560px) {
html,  html,  body,  input { font-size: 24.5px; }
}
@media screen and (min-width: 600px) {
html,  body,  input { font-size: 26.25px; }
}
@media screen and (min-width: 640px) {
html,  body,  input { font-size: 28px; }
}
button{
    border: none;
    outline: 0;
}
#app, body, html{
    height: 100%;
    overflow: hidden;
}
@font-face {
    font-family: Muiicons;
    font-weight: 400;
    font-style: normal;
    src: url(../../fonts/mui.ttf) format('truetype')
}
.fa{
    font-family: Muiicons;
    font-size: 1rem;
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
}
/* common */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.fl { float: left; }
.fr { float: right; }
.prc span { margin-left: .15rem; }
.bdb,.bdt,.bdr,.bdl { position: relative; }
.bdb:after,.bdt:after{ position: absolute; left: 0; right: 0; height: 1px; background-color: #ddd; content: ''; transform: scaleY(0.5); -webkit-transform: scaleY(0.5);}
.bdr:after,.bdl:after{ position: absolute; bottom: 0; top: 0; width: 1px; background-color: #ddd; content: '';  transform: scaleX(0.5); -webkit-transform: scaleX(0.5);}
.bdb:after { bottom: 0;}
.bdt:after { top:0;}
.bdr:after {right: 0;}
.bdl:after {left: 0;}
.bdall { position: relative; }
.bdall:after { content: ''; position: absolute; width: 200%; height: 200%; border: 1px solid #ddd; left: 0; top: 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); -webkit-box-sizing: border-box; box-sizing: border-box; }
.bdtb{
    position: relative;
}
.bdtb:before,.bdtb:after{position: absolute; left: 0; right: 0; height: 1px; background-color: #ddd; content: ''; transform: scaleY(0.5); -webkit-transform: scaleY(0.5);}
.bdtb:before{top: 0;}
.bdtb:after{bottom: 0;}

.none { display: none; }
.b {font-weight: bold;}
#app{
    background-color:#f0eff5;
    -webkit-user-select:initial;
    user-select:none;
    font-size: 0.96rem;
    position: relative;
}
img{
    pointer-events: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
.imgbox{
    position: relative;
    display: block;
    background-color: #eee;
}
.imgbox-img{
    position: absolute;
    top: 0;
    left: 0;
}
/* 公共 */
.app-header{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 2.8rem; line-height: 2.8rem; 
    font-size: 110%; 
    background-color: #f7f7f8;
    color: #333;
    overflow: hidden;
    -webkit-box-shadow: 0 1px 6px #ccc;
    box-shadow: 0 1px 6px #ccc;
    z-index: 10;
}
.app-header-center{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    text-align: center; 
}

.app-header-center.hdrouter1{
    opacity: 1;
    color: red;
    animation: hdrouter 1s;
    -webkit-animation: hdrouter 1s;
}
.app-header-center.hdrouter2{
}
.app-header-back{ 
    cursor: pointer;
    position: absolute; 
    left: 0.7rem;
    top: 0;
    line-height: 2.8rem; 
    height: 2.8rem;
    color: #007aff;
    padding-left: 1.2rem;
}
.app-header-back:before{
    content: '\e471';
    font-size: 1.5rem;
    position: absolute;
    left: 0;
}
.app-content{
    position: absolute;
    left: 0;
    right: 0;
    top: 2.8rem;
    bottom: 3.3rem;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.app-content.header-hide{
   top: 0; 
}
.app-content.footer-hide{
   bottom: 0; 
}
.app-page{
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    bottom: 0;
    background-color:#f0eff5;
    -webkit-box-shadow: 0 0 41px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 41px rgba(0, 0, 0, 0.1);
}
.apui_cell{
    overflow: hidden;
    font-size: 0.857rem;
}
.apli_cell{
    background-color: #fff;
    padding: 0.7rem 1rem;
    display: block;
    margin-top: 0.8rem;
}
.btnactive:active{
    background-color: #eee;
    opacity: .7;
}
.jtr-ico{
    position: absolute;
    top: 50%;
    right: 1rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #bbb;
}
.jtr-ico:after{
    content: '\e583';
}
.back-transition { 
  transition: transform .5s ease;
}
.back-enter{
  transform: translate(100%,0);
}
.back-leave {
  transform: translate(-100%,0);
}

._effect {
    opacity: 1;
    transition: .3s all ease;
}

._effect-30 {
    -webkit-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0);
}

._effect-50 {
    opacity: 0;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
}
._effect-100 {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.fade-enter-active, .fade-leave-active {
    transition: all 1s;
}
.fade-enter, .fade-leave-to  {
  opacity: 0;
}
.tabBarfoot {text-align: center;  position: absolute; bottom: 0; left: 0; right: 0; height: 3.3rem; display:-webkit-box; font-size: 0.72rem; overflow: hidden;}
.tabBarfoot .lista { -webkit-box-flex:1; display: block; width: 25%;}
.tabBarfoot .lista-img { width: 1.2rem; height: 1.2rem;display: inline-block; margin-top: 0.5rem;}
.tabBarfoot .case {display: block; margin-top: 0.2rem;}

#wxToast{
    font-size: 16px;
}
.wxmask{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.weui-mask{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:rgba(0, 0, 0, 0.6);
}